﻿<!DOCTYPE html>
<html>
<head>
<title>VIP卡出租</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>VIP卡查找</h3>
  <ul>
    <li style="width:100%"> <span　class="tit" style="width:70px;line-height:36px;"></span><span>
      <input type="text" placeholder="请输入持卡者姓名或身份证" id="userVipCard_searchVal" style="width:215px;position:absolute;top:0;left:90px;"/>
      </span><span style="position:absolute;left:320px;top:0;">
      <input type="button" value="查找" class="button_s button1" onclick="findUserVipCard();" style="height:36px;" />
      </span> </li>
  </ul>
  <div style="margin:0;padding:0;" id="userVipCard_vue_vm_list">
    <div style="margin:0;padding:0;" v-for="todo in todos">
      <ul>
        <!--VIP卡查询结果-->
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="width:150px;"><span style="display:block;position:absolute;top:12px;left:0;">
          <input class="magic-radio" type="radio" name="userVipCardId" v-bind:id="todo.userVipCardId"
           v-bind:value="todo.userVipCardId"
           v-on:click="onClickUserVipCardRadiobox(todo);"/>
          <label v-bind:for="todo.userVipCardId" class="label_txt" style="width:100px;">持卡人：{{todo.name}}</label>
          </span></li>
        <li><span>卡ID：{{todo.userVipCardId}}</span></li>
        <li><span>卡名：{{todo.vipCardName}}</span></li>
        <li><span>户型：{{todo.houseTypeName}}</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>{{(todo.pricePerDay*365.0).toFixed(2)}}元/年</span></li>
        <li><span>{{todo.pricePerDay}}元/天</span></li>
        <li><span>剩余可扣{{getRemainNumber(todo)}}天</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>{{getSubsidizationText(todo.subsidization, todo.subsidizationValue)}}</span></li>
        <li><span>{{todo.consumptionWay}}</span></li>
        <li><span>保床折扣{{todo.discount}}%</span></li>
        <li><span style="color:#FF0000;">使用状态：{{todo.useStatus=='0'?'未使用':(todo.useStatus=='1'?'使用中':'已使用完')}}</span></li>
        <li><span style="color:#FF0000;">缴费状态：{{todo.payCostStatus=='1'?'正在办理':(todo.payCostStatus=='2'?'已经缴费':'已提供发票')}}</span></li>
      </ul>
      <ul v-if="todo.userVipCardRecordForm==null">
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">使用记录：</span><span style="margin-right:10px;">暂无</span></li>
      </ul>
      <ul v-if="todo.userVipCardRecordForm!=null">
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">使用记录：</span><span style="margin-right:10px;">{{todo.userVipCardRecordForm.elderName}}</span><span style="margin-right:10px;">身份证号：{{todo.userVipCardRecordForm.elderCardId}}</span><span style="margin-right:10px;">使用{{todo.userVipCardRecordForm.useMonthNum}}个月</span><span style="margin-right:10px;">已扣{{todo.userVipCardRecordForm.payNum}}天</span><span style="margin-right:10px;">保留床位{{todo.userVipCardRecordForm.bedRetainDayNum}}天</span><span style="margin-right:10px;">{{todo.userVipCardRecordForm.returnMoney}}元已返至钱包</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">出租记录：</span></li>
      </ul>
      <ul v-if="todo.userVipCardRentForms==null || todo.userVipCardRentForms.length==0">
        <li><span class="tit" style="width:100px;"></span></li>
        <li><span style="margin-right:10px;">暂无</span></li>
      </ul>
      <div style="margin:0;padding:0;" v-if="todo.userVipCardRentForms!=null && todo.userVipCardRentForms.length>0">
        <div style="margin:0;padding:0;" v-for="userVipCardRentForm in todo.userVipCardRentForms">
          <ul>
            <li><span class="tit" style="width:100px;"></span></li>
            <li><span style="margin-right:10px;">承租人姓名：{{userVipCardRentForm.renterName}}</span><span style="margin-right:10px;">身份证号：{{userVipCardRentForm.renterCardId}}</span><span style="margin-right:10px;">出租{{userVipCardRentForm.rentMonthNum}}个月</span><span style="margin-right:10px;">出租时间：{{userVipCardRentForm.updateTime}}</span></li>
          </ul>
        </div>
      </div>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="color:#ff0000;"> <span style="margin-right:20px;">扣费情况：</span> <span style="margin-right:10px;">总共可扣：{{getTotalMonths(todo)}}个月（{{getTotalNumber(todo)}}次）</span> <span style="margin-right:10px;">已扣：{{getAlreadyUsedNumber(todo)}}天</span> <span style="margin-right:10px;">剩余可扣：{{getRemainNumber(todo)}}天</span> </li>
        <li style="color:#0000ff;"><span style="margin-right:20px;">资料录入：</span><span style="margin-right:10px;">{{todo.creator}}（{{todo.updateTime}}）</span></li>
      </ul>
    </div>
  </div>
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="vue_vm">
    <h3>出租时长和金额</h3>
    <ul>
      <li><span class="tit" style="width:70px;">出租时长：</span></li>
      <li><span>
        <input type="text" placeholder="请输入出租的月数" v-model="data.rentMonthNum" style="width:300px;"/>
        个月</span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">金额：</span></li>
      <li><span>
        <input type="text" placeholder="请输入出租金额" v-model="data.rentAmount" style="width:300px;"/>
        元</span></li>
    </ul>
    <div style="clear:both;"></div>
    <h3>承租者资料</h3>
    <ul>
      <li><span class="tit" style="width:70px;">姓名：</span></li>
      <li><span>
        <input type="text" placeholder="请输入姓名" v-model="data.renterName" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">性别：</span></li>
      <li><span style="display:block;position:absolute;top:12px;left:0;">
        <input class="magic-radio" type="radio" name="sex" v-model="data.renterSex" id="s1" value="1"/>
        <label for="s1" class="label_txt" style="width:100px;">男</label>
        </span></li>
      <li><span style="display:block;position:absolute;top:12px;left:80px;">
        <input class="magic-radio" type="radio" name="sex" v-model="data.renterSex" id="s2" value="0"/>
        <label for="s2" class="label_txt" style="width:100px;">女</label>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">身份证号：</span></li>
      <li><span>
        <input type="text" placeholder="请输入身份证号" v-model="data.renterCardId" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">住址：</span></li>
      <li><span>
        <input type="text" placeholder="请输入家庭住址" v-model="data.renterAddress"style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">手机：</span></li>
      <li><span>
        <input type="text" placeholder="请输入手机号" v-model="data.renterPhoneNumber" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">邮箱：</span></li>
      <li><span>
        <input type="text" placeholder="请输入邮箱地址" v-model="data.renterEmail" style="width:300px;"/>
        </span></li>
    </ul>
  </div>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li style="width:160px;">
        <input type="button" value="确认提交" class="button button1" onclick="save();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script> 
<script src="js/common_function.js"></script> 
<script src="js/busi/user_vip_card_find.js"></script> 
<script src="js/busi/user_vip_card_rent.js"></script>
</body>
</html>